<template>
 <!--首页入口（分类+广告）-->
<div class="home-entry">
    <div class='container'>
        <!--首页入口（分类+广告）-->
        <!--左侧分类-->
        <HomeCategory />
        <!--轮播图-->
        <HomeBanner />
        </div>
    </div>
    <!--新鲜好物-->
    <HomeNew />
    <!--人气推荐-->
    <HomeHot />
    <!-- 热门品牌 -->
    <HomeBrand />
     <!-- 商品区域 -->
    <HomeProduct />
      <!-- 最新专题 -->
    <HomeSpecial />
</template>

<script>
import HomeCategory from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot'
import HomeBrand from './components/home-brand'
import HomeProduct from './components/home-product'
import HomeSpecial from './components/home-special'
export default {
    name: 'HomePage',
    components:{
        HomeCategory,
        HomeBanner,
        HomeNew,
        HomeHot,
        HomeBrand,
        HomeProduct,
        HomeSpecial
        
    }
};
</script>

<style scoped lang="less" >
    @import '../../assets/style/mixins.less';
    .container{
        .hoverShadow();
        color:@xtxColor
    }
</style>